﻿@using Partner.Surround.Admin.Views
@{
    ViewBag.Title = L("HomePage");
    ViewBag.CurrentPageName = SurroundPageName.Home;
}

@section styles{
    <link rel="stylesheet" href="~/css/views/login.mobile.css" asp-append-version="true" />
    <style type="text/css">
        .area {
            margin: 20px auto 0px auto;
        }

        .mui-input-group {
            margin-top: 10px;
        }

            .mui-input-group:first-child {
                margin-top: 50px;
            }

            .mui-input-group label {
                width: 22%;
            }

        .mui-input-row label ~ input,
        .mui-input-row label ~ select,
        .mui-input-row label ~ textarea {
            width: 78%;
        }

        .mui-checkbox input[type=checkbox],
        .mui-radio input[type=radio] {
            top: 6px;
        }

        .mui-content-padded {
            margin-top: 25px;
        }

        .mui-btn {
            padding: 10px;
        }

        .link-area {
            display: block;
            margin-top: 25px;
            text-align: center;
        }

        .spliter {
            color: #bbb;
            padding: 0px 8px;
        }

        .oauth-area {
            position: absolute;
            bottom: 20px;
            left: 0px;
            text-align: center;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

            .oauth-area .oauth-btn {
                display: inline-block;
                width: 50px;
                height: 50px;
                background-size: 30px 30px;
                background-position: center center;
                background-repeat: no-repeat;
                margin: 0px 20px;
                /*-webkit-filter: grayscale(100%); */
                border: solid 1px #ddd;
                border-radius: 25px;
            }

                .oauth-area .oauth-btn:active {
                    border: solid 1px #aaa;
                }

                .oauth-area .oauth-btn.disabled {
                    background-color: #ddd;
                }
    </style>
}

<div class="mui-content">
    <form id='login-form' class="mui-input-group">
        <div class="mui-input-row">
            <label>账号</label>
            <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
        </div>
        <div class="mui-input-row">
            <label>密码</label>
            <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
        </div>
    </form>
    <div class="mui-content-padded">
        <button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
    </div>
</div>

@section scripts{
    <script type="text/javascript">
        mui.init({

        });

        mui.plusReady(function () {
            console.log("hello world");
        });

        let tokenCookieName = 'XSRF-TOKEN';
        let tokenHeaderName = 'X-XSRF-TOKEN';

        function setCookieValue(key, value, expireDate, path, domain) {
            var cookieValue = encodeURIComponent(key) + '=';

            if (value) {
                cookieValue = cookieValue + encodeURIComponent(value);
            }

            if (expireDate) {
                cookieValue = cookieValue + "; expires=" + expireDate.toUTCString();
            }

            if (path) {
                cookieValue = cookieValue + "; path=" + path;
            }

            if (domain) {
                cookieValue = cookieValue + "; domain=" + domain;
            }

            document.cookie = cookieValue;
        };

        function setTenantIdCookie(tenantId) {
            if (tenantId) {
                setCookieValue(
                    "Abp.TenantId",
                    tenantId.toString(),
                    new Date(new Date().getTime() + 5 * 365 * 86400000), //5 years
                    "",
                    ""
                );
            }
        };

        function getCookieValue(key) {
            var equalities = document.cookie.split('; ');
            for (var i = 0; i < equalities.length; i++) {
                if (!equalities[i]) {
                    continue;
                }

                var splitted = equalities[i].split('=');
                if (splitted.length != 2) {
                    continue;
                }

                if (decodeURIComponent(splitted[0]) === key) {
                    return decodeURIComponent(splitted[1] || '');
                }
            }

            return null;
        };

        setTenantIdCookie(@ViewBag.TenantId);

        var loginButton = document.getElementById('login');
        var accountBox = document.getElementById('account');
        var passwordBox = document.getElementById('password');

        loginButton.addEventListener('tap', function (event) {

            var headers = {
                'Content-Type': 'application/json'
            };
            headers[tokenHeaderName] = getCookieValue(tokenCookieName);

            mui.ajax('@Url.Action("Login","Account")',{
                data: JSON.stringify({
                    usernameOrEmailAddress: accountBox.value,
                    password: passwordBox.value,
                    rememberMe : true
                }),
                dataType:'json',//服务器返回json格式数据
                type:'post',//HTTP请求类型
                timeout: 10000,//超时时间设置为10秒；
                headers: headers,
                success:function(data){
                    //服务器返回响应，根据响应结果，分析是否登录成功；
                    console.log(data);
                    mui.openWindow({
                        url: "@Url.Action("Index", "Home")",
                        id: 'index',
                        waiting: {
                            autoShow: true,//自动显示等待框，默认为true
                            title: '正在加载...'//等待对话框上显示的提示内容
                        }
                    });
                },
                error:function(xhr,type,errorThrown){
                    //异常处理；
                    console.log(type);
                }
            });
        });
    </script>
}